// TextInput - 输入框组件
// TextInput 是用于接收用户文本输入的基础组件，提供多种配置选项。
/* 
  ● 支持多种键盘类型
  ● 自动完成功能
  ● 自动大小写
  ● 占位文字
  ● 文本变化事件监听
 */

import { useState } from 'react';
import { StyleSheet, Text, TextInput, View } from 'react-native';
export default function App() {
  const [inputText, setInputText] = useState('Hello React-Native');
  const [inputText2, setInputText2] = useState('');
  return (
    <View>
      <Text>123</Text>
      {/* onChangeText事件来读取用户的输入 */}
      <TextInput
        style={styles.input}
        value={inputText}
        onChangeText={setInputText}
      ></TextInput>
      <TextInput
        style={styles.input}
        value={inputText2}
        onChangeText={setInputText2}
        placeholder="请输入内容"
      ></TextInput>
    </View>
  );
}
const styles = StyleSheet.create({
  input: {
    borderWidth: 1,
    height: 35,
  },
});
